<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>注册新用户 — 京东商城</title>
  <link rel="icon" href="img/favicon.ico"/>
  <link rel="stylesheet" href="css/jd.css"/>
  <link rel="stylesheet" href="css/register.css"/>
</head>
<body>
  <!--页头-->
  <div class="header">
    <div class="container">
      <a href="#" class="logo"></a>
      <span class="welcome">欢迎注册</span>
    </div>
  </div>

  <!--主体-->
  <div class="main">
    <video class="video-bg" src="res/snow.mp4" autoplay loop muted></video>
    <div class="container">
      <div class="form-container">
        <form>
        <div class="form-group">
          <label class="control-label" for="uname">用户名：</label>
          <input class="form-control" id="uname" autofocus required autocomplete="off" minlength="6" maxlength="9" type="text"/>
          <span class="help-block bg-default">用户名长度在6~9位之间</span>
        </div>

        <div class="form-group">
          <label class="control-label" for="upwd">密码：</label>
          <input class="form-control" id="upwd" type="password"/>
          <span class="help-block bg-default">密码长度在6~9位之间</span>
        </div>

        <span class="control-label"></span>
        <input class="btn btn-success" type="button" id="bt-submit" value="提交信息">
        <input class="btn btn-danger" type="reset" value="清空输入">
      </form>
      </div>
    </div>
  </div>

  <!--页尾-->
  <div class="footer">
    <div class="container">

    </div>
  </div>
  <script src="js/jquery-1.11.3.js"></script>
  <script src="js/register.js"></script>
</body>
</html>